<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>资讯列表</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
    	/*轮播颜色*/
    .mui-slider-title{background:#8dc21f;color: white;}	
    .mui-slider .mui-slider-group .mui-slider-item img {width: 100%;max-height:180px;}
    .mui-table-view:after{height:7px;background:#F0F0F4;-webkit-transform:none;transform:none;}
    /*.gouwu>img{width:100%;display: block;}
    .gouwu{width:15px;height: 15px;position:absolute;right:10px;top:13px}*/
    
    /*轮播*/
		#imgs{
			list-style: none;
			margin:0;
			padding: 0;
			/*max-width: ;*/
			max-height:180px;
			overflow: hidden;
			float: left;
		}
		#imgs img{height:180px;}
		#indexs{list-style: none; float: left;margin: 0; width: 100%;background: #8dc21f;line-height: 25px;}
		#indexs li:first-child{margin-left: 80%;}
		#indexs li{float:left; font-size: 6px;color: #aaa;margin-right: 5px;height: 25px;}
		#indexs li.hover{color: #fff;}
		.tips{color: #fff;margin-left:-100% ;}
		.clear{clear: both;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">资讯</h1>

	</header> 
	<div id="content" class="mui-content"></div>
		<div class=""style="padding: 5px 10px;height: 44px;">
		<div class="mui-input-row mui-search ">
			<input type="search" contenteditable="true"  class="search" placeholder="搜索">
		</div>			
	</div>
	<div id="slider">
		<ul id="imgs">
		</ul>
	    <ul id="indexs">
	    	
	    </ul>
	</div>
	<div class="clear"></div>
	<!--轮播-->
	<!--<div id="slider" class="mui-slider">
		<div class="mui-slider-group mui-slider-loop banner2">
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title">静静看这世界</p>
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title">幸福就是可以一起睡觉</p>
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡</p>
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="../images/pic_img.jpg">
					<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡</p>
				</a>
			</div>
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="../images/pic_img.jpg"> 
					<p class="mui-slider-title">幸福就是可以一起睡觉</p>
				</a>
			</div>
		</div>
		<div class="mui-slider-indicator mui-text-right">
			<div class="mui-indicator mui-active"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
		</div>
	</div>-->
			<div class="newsList"></div>
			
	<!--最新资讯-->
	<!--<div class="mui-table-view background table-view-cell home-list">
		<div>
			<img src="../images/iconic.png" alt="" />
		</div>
		<div class="">
			<li class="font-17">晚上光吃水果能减肥？</li>
			<li class="mui-ellipsis-2 font-12">很多人以为晚上光吃水果可以减肥，很多人以为晚上光吃水果可以减肥，很多人以为晚上光吃水果可以减肥，</li>
		</div>
		<div class="clear-both new-time">
		<span>IQ博士</span>&emsp;<span>2016-01-01</span>
		</div>
	</div>-->
	<div class="mui-content background-t"></div>
</body>
	<script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>    
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/jk-new-list.js" ></script>
    <script type="text/javascript" src="../js/slider2.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
		//nav自动时间控制
//		mui("#slider").slider({
//			interval: 2000
//		});
		
	</script>
</html>